<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<link rel="icon" th:href="@{/images/favicon.ico}" type="image/x-icon">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>友链</title>
    <link rel="stylesheet" th:href="@{/font-awesome/css/font-awesome.min.css}" href="../static/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../static/layui/css/layui.css" />
    <link rel="stylesheet" th:href="@{/css/master.css}" href="../static/css/master.css" />
    <link rel="stylesheet" th:href="@{/css/gloable.css}" href="../static/css/gloable.css" />
    <link rel="stylesheet" th:href="@{/css/nprogress.css}" href="../static/css/nprogress.css" />
    <link rel="stylesheet" th:href="@{/css/about.css}" href="../static/css/about.css" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
				<a href="javascript:void(0)" class="header-logo" id="logo" style="margin-top: 20px">Daji's Blog</a>
                <nav class="nav" id="nav">
                    <ul>
						<li><a href="index.html" th:href="@{/index}">首页</a></li>
						<li><a href="article.html" th:href="@{/article}">博客</a></li>
						<li><a href="message.html" th:href="@{/message}">留言</a></li>
						<li><a href="link.html" th:href="@{/link}" class="active">友链</a></li>
						<li><a href="diary.html" th:href="@{/diary}">开发日志</a></li>
						<li><a href="about.html" th:href="@{/about}">关于我</a></li>
                    </ul>
                </nav>
				<a th:href="@{/toUserLogin}" class="blog-user" th:if="${session.logineduser}==null">
					<i class="fa fa-user-circle-o"></i>
				</a>

				<!--最右上角的头像和注销 只有用户登陆了,才会显示-->
				<div class="right m-item m-mobile-hide menu" align="right" th:if="${session.logineduser}">
					<br>
					<!--注意下面这个下拉菜单, 必须加一个JavaScript代码才能显示出来 JavaScript代码在下面-->
					<div class="ui dropdown  item">
						<div class="text">
							<!--这里有一个th, 让我给删了, 这个th的作用是, 动态显示别的用户的头像. 现在这个头像链接是死代码. 那行代码到lirenmi的项目去找-->
							<img class="ui avatar image" th:src="${session.logineduser.avatar}">
							<!--非常重要, model.addAttribute传对象 的前端接收!-->
							<span th:text="${session.logineduser.nickname}"></span>
						</div>
						<!--必须加一个JavaScript代码才能显示出来 JavaScript代码在下面-->
						<i class="dropdown icon"></i>
						<div class="menu">
							<a class="item" th:href="@{/logout}">注销</a>
						</div>
					</div>
				</div>
                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
        <div class="about-banner" id="container">
		    <header class="l-top hasAnim arrow-holder">
		        <a data-path-hover="M31.3184948,33.1943359 C36.3357454,28.0664371 44.4728686,28.0690462 49.572124,33.2807584 C54.6360745,38.4563871 54.6061839,46.8782889 49.6566817,51.9369454 L31.318494,69.5197703 L49.6566817,89.71735 C54.6739322,94.8452488 54.6713794,103.161825 49.572124,108.373537 C44.5081735,113.549166 36.267997,113.518616 31.3184948,108.459959 L3.8112137,78.891075 C-1.25273677,73.7154463 -1.2880417,65.3601778 3.8112137,60.1484655 L31.3184948,33.1943359 Z">
		            <svg width="0" height="0">
		                <path fill="#fff" d="M58.9103319,3.8342148C63.9275825,-1.29368407,72.0647057,-1.29107495,77.1639611,3.92063726C82.2279116,9.09626594,82.198021,17.5181678,77.2485188,22.5768242C77.2485188,22.5768242,31.318494,69.5197703,31.318494,69.5197703C31.318494,69.5197703,77.2485188,116.462716,77.2485188,116.462716C82.2657693,121.590615,82.2632165,129.907191,77.1639611,135.118903C72.1000106,140.294532,63.8598341,140.263982,58.9103319,135.205326C58.9103319,135.205326,3.8112137,78.891075,3.8112137,78.891075C-1.25273677,73.7154463,-1.2880417,65.3601778,3.8112137,60.1484655C3.8112137,60.1484655,58.9103319,3.8342148,58.9103319,3.8342148C58.9103319,3.8342148,58.9103319,3.8342148,58.9103319,3.8342148"></path>
		            </svg>
		        </a>
		        <a data-path-hover="M31.3184948,33.1943359 C36.3357454,28.0664371 44.4728686,28.0690462 49.572124,33.2807584 C54.6360745,38.4563871 54.6061839,46.8782889 49.6566817,51.9369454 L31.318494,69.5197703 L49.6566817,89.71735 C54.6739322,94.8452488 54.6713794,103.161825 49.572124,108.373537 C44.5081735,113.549166 36.267997,113.518616 31.3184948,108.459959 L3.8112137,78.891075 C-1.25273677,73.7154463 -1.2880417,65.3601778 3.8112137,60.1484655 L31.3184948,33.1943359 Z">
		            <svg width="0" height="0">
		                <path fill="#fff" d="M58.9103319,3.8342148 C63.9275825,-1.29368407 72.0647057,-1.29107495 77.1639611,3.92063726 C82.2279116,9.09626594 82.198021,17.5181678 77.2485188,22.5768242 L31.318494,69.5197703 L77.2485188,116.462716 C82.2657693,121.590615 82.2632165,129.907191 77.1639611,135.118903 C72.1000106,140.294532 63.8598341,140.263982 58.9103319,135.205326 L3.8112137,78.891075 C-1.25273677,73.7154463 -1.2880417,65.3601778 3.8112137,60.1484655 L58.9103319,3.8342148 Z"></path>
		            </svg>
		        </a>
		    </header>
		    <div class="about-title">
		        <h1>友情链接</h1>
				<p>尽挹西江，细斟北斗<br>闻天当效苏辛问</p>
		    </div>
		</div>
		<div class="container-fixed">
		    <div class="container-inner">
		        <article>
		            <section>
		                <h1>链接申请说明</h1>
		                <p>
		                    <i class="fa fa-close"></i>经常宕机&nbsp;
		                    <i class="fa fa-close"></i>不合法规&nbsp;
		                    <i class="fa fa-close"></i>插边球站&nbsp;
		                    <i class="fa fa-close"></i>红标报毒&nbsp;
		                    <i class="fa fa-check"></i>原创优先&nbsp;
		                    <i class="fa fa-check"></i>技术优先
		                </p>
		                <p>
		                    交换友链可在留言板留言.请将本站加入友链<br>
		                    名称：大吉<br>
		                    网址：www.zr7.top<br>
		                    图标：www.zr7.top/logo.png<br>
		                    描述：大吉大利，今晚吃鸡
		                </p>
		                <p>
		                    申请提交后若无其它原因将在24小时内审核,如超过时间还未通过,请私信我.(各种额外因素)
		                </p>
		            </section>
		        </article>
		        <ul class="link-list">
	                <li>
	                    <div class="pd-lr-10">
	                        <a href="" target="_blank">
								<img th:src="@{/images/soviet.jpg}">
	                            <h2>尤里</h2>
								<p>一名红色警戒2玩家</p>
	                        </a>

	                    </div>
	                </li>
	                <li>
	                    <div class="pd-lr-10">
	                        <a href="" target="_blank">
								<img th:src="@{/images/dota.jpg}">
	                            <h2>山岭巨人</h2>
	                            <p>一名dota玩家</p>
	                        </a>
	                    </div>
	                </li>
	                <li>
	                    <div class="pd-lr-10">
	                        <a href="" target="_blank">
	                            <img th:src="@{/images/gailun.jpg}">
	                            <h2>德玛西亚之力</h2>
	                            <p>一名英雄联盟玩家</p>
	                        </a>
	                    </div>
	                </li>
	                <li>
	                    <div class="pd-lr-10">
	                        <a href="" target="_blank">
								<img th:src="@{/images/pubg.jpg}">
	                            <h2>大吉</h2>
	                            <p>大吉大利，今晚吃鸡</p>
	                        </a>
	                    </div>
	                </li>
		        </ul>
		    </div>
		</div>
    </div>
	<footer class="grid-footer">
		<div class="footer-fixed">
			<div class="copyright">
				<div class="info">
					<div class="contact">
						<a href="https://blog.csdn.net/weixin_44757863/" class="csdn" target="_blank" title="csdn"><i class="fa fa-github"></i></a>
						<a href="https://wpa.qq.com/msgrd?v=3&uin=396000449&site=qq&menu=yes" class="qq" target="_blank"
						   title="396000449"><i class="fa fa-qq"></i></a>
						<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1134107721@qq.com"
						   class="email" target="_blank" title="1134107721@qq.com"><i class="fa fa-envelope"></i></a>
						<a th:href="@{/images/weixin_add.png}" target="_blank" class="weixin"><i class="fa fa-weixin"></i></a>
					</div>
					<p class="mt05">
						Copyright &copy; 2020-2021 大吉 All Rights Reserved <a href="http://beian.miit.gov.cn" target="_blank" style="color: inherit;">鲁ICP备2020049465号</a>
					</p>
				</div>
			</div>
		</div>
	</footer>
    <script th:src="@{/layui/layui.js}" src="../static/layui/layui.js"></script>
    <script th:src="@{/js/yss/gloable.js}" src="../static/js/yss/gloable.js"></script>
    <script th:src="@{/js/plugins/nprogress.js}" src="../static/js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
 	<script th:src="@{/js/plugins/blogbenoitboucart.min.js}" src="../static/js/plugins/blogbenoitboucart.min.js"></script>
	<script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script>
    <script>
        //必须加上这里, 否则最右上角的下拉菜单的注销不会显示
        /*
            2020/12/2 调试了3小时都没找出来下拉注销不显示的原因。就是因为下面的 jquery和semantic版本的问题，必须是以下两个版本组合：
            src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"
            src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js
            最开头的link里面引用的css也要对（上面是js）
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
        */
        $('.ui.dropdown').dropdown({
            on: 'hover'
        });
        window.onload = function () {
            NProgress.done();
        };
    </script>
</body>
</html>
